<template>
	<view class="letter-container">
		<u-navbar bgColor="#000000" autoBack height="90" placeholder fixed>
			<view class="u-nav-slot" slot="center">
				<!-- 正文内容 -->
				<text style="font-size: 36rpx;font-weight: bold;">爱健身的兔子</text>
			</view>
		</u-navbar>
		<view class="letter-content">
			<view class="letter-item">
				<image src="../../static/imgs/user-avtar.png" mode=""></image>
				<view class="letter-right">谢谢您的关注，欢迎咨询减脂问题，一起努力</view>
			</view>
		</view>
		<view class="letter-btn">
			 <u--input
			    placeholder="请输入消息内容"
			    border="surround"
			  ></u--input>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.letter-container {
		height: 100%;
		overflow-y: auto;
		background-color: #000000;
		padding: 0 72rpx;
		.letter-content {
			.letter-item {
				display: flex;

				image {
					width: 80rpx;
					height: 80rpx;
				}

				.letter-right {
					flex: 1;
					margin-left: 20rpx;
					margin-top: 40rpx;
					padding: 30rpx 20rpx;
					border-radius: 10rpx;
					background: #262626;
				}
			}
		}
		.letter-btn{
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			border-top: 1px solid #FFFFFF;
			padding: 20rpx 40rpx;
		}
	}
</style>
